<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start">
          <ion-back-button defaultHref="tabs/tab1" text="" color="dark"></ion-back-button>
      </ion-buttons>
    <ion-title>createFrom</ion-title>
    <ion-buttons slot="end">
        <ion-button (click)="getBtnPopover()">
          <ion-icon slot="start" name="list" color="dark"></ion-icon>
        </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ul  class="btn-box" *ngIf="isShowBtn">
    <img src="../../../assets/icon/down.svg" alt="">
    <li *ngFor="let item of btnBox" :key="index" (click)="getSwitchBtn(item)">{{item}}</li>
</ul>
  <div class="shade" (click)="closeZoom()" *ngIf="isShowBtn"></div>
<ion-content>
 
  <div class="backfrom-box">
      <ion-list>
          <ion-item lines="none" color="favorite">
            <ion-label color="light">Guidance</ion-label>
            <ion-icon slot="end" color="light" name="arrow-forward" mode="ios" (click)="isShowGuidance()" *ngIf="!showGuidance"></ion-icon>
            <ion-icon slot="end" color="light" name="arrow-down" mode="ios" (click)="isShowGuidance()" *ngIf="showGuidance"></ion-icon>
          </ion-item>
          <div *ngIf="showGuidance" class="guidance-box">
            <ion-textarea #guidance [innerHTML]="content">健康撒按时艰苦拉萨卡就打算惊恐的神色
                <!-- <a href="/appdev/integrumws.nsf/xp_App.xsp/getAllViews?languageid" target="_blank">link到百度</a> -->
            </ion-textarea>
          </div>
          <ion-item lines="none">
            <ion-label color="favorite">Scheduler</ion-label>
            <ion-text>
              <h5>App01 user</h5>
            </ion-text>
          </ion-item>
          <ion-item >
            <ion-label position="stacked">Security Nanager</ion-label>
            <ion-icon slot="end" name="arrow-forward" mode="ios" (click)="getSecurity()"></ion-icon>
            <ion-text color="primary">
              <h6>{{managerName}}</h6>
            </ion-text>
            <!-- <ion-select [(ngModel)]="selectText" (change)="changeSelect()" placeholder="select an option">
              <div *ngFor="let item of listSlect">
                  <ion-select-option value="{{item.person}}">{{item.Manager}}</ion-select-option>
              </div>
            </ion-select> -->
          </ion-item>
          <ion-item lines="none">
            <ion-label>Dhe for Completion</ion-label>
            <ion-datetime displayFormat="DD/MM/YYYY" pickerFormat="YYYY MM DD" value=""></ion-datetime>
            <span class="down"><ion-icon slot="end" name="calendar" mode="md"></ion-icon></span>
          </ion-item>
          <ion-item-divider></ion-item-divider>
          <ion-item lines="full" (click)="auditDetail()">
            <ion-label>Audit Details</ion-label>
            <ion-icon slot="end" name="arrow-forward" mode="ios"></ion-icon>
          </ion-item>
          <ion-item lines="full" (click)="fencingDetail()">
            <ion-label>Fencing & Lighting</ion-label>
            <ion-icon slot="end" name="arrow-forward" mode="ios"></ion-icon>
          </ion-item>
          <ion-item lines="full">
              <ion-label>Production Code Details</ion-label>
              <ion-icon slot="end" name="arrow-forward" mode="ios"></ion-icon>
          </ion-item>
          <ion-item lines="full">
              <ion-label>Visual Inspection</ion-label>
              <ion-icon slot="end" name="arrow-forward" mode="ios"></ion-icon>
          </ion-item>
          <ion-item lines="full">
            <ion-label>Production Code Details</ion-label>
            <ion-icon slot="end" name="arrow-forward" mode="ios"></ion-icon>
          </ion-item>
          <ion-item lines="none" color="favorite">
              <ion-label color="light">Audit Trail</ion-label>
             <ion-icon color="light" slot="end" name="arrow-forward" mode="ios" (click)="isShowAudit()" *ngIf="!showAudit"></ion-icon>
              <ion-icon color="light" slot="end" name="arrow-down" mode="ios" (click)="isShowAudit()" *ngIf="showAudit"></ion-icon>
          </ion-item>
          <div *ngIf="showAudit" class="guidance-box">模拟数据是</div>
      </ion-list>
  </div>

</ion-content>
